<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="gb2312">
    <title>黑色个人博客HTML5模板</title>
    <link href="css/css/base.css" rel="stylesheet">
    <link href="css/css/index.css" rel="stylesheet">
    <link href="css/css/media.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <!--[if lt IE 9]>
    <script src="js/modernizr.js"></script>
    <script src="js/silder.js"></script>
    <![endif]-->
</head>
<body>
<div class="ibody">
    <article>
        <div class="bloglist">
            <h2>
                <p><span>我发</span>表的</p>
            </h2>
            <c:forEach items="${newsList}" var="news">
            <div class="blogs">
                <h3><a href="/">犯错了怎么办？${news.title}</a></h3>
                <figure><img src="images/01.jpg"></figure>
                <ul>
                    <p>
                        看到昔日好友发了一篇日志《咎由自取》他说他是一个悲观者，感觉社会抛弃了他，脾气、性格在6年的时间里变化很大，</br>
                        很难适应这个社会。人生其实就是不断犯错的过程，在这个过程中不断的犯错，不断的吸取教训，不断的成长。也许日子</br>
                        里的惊涛骇浪，不过是人生中的水花摇晃，别用显微镜放大你的悲伤。
                    </p>
                    <a href="javascript:void(0)" target="mainFrame" class="readmore">阅读全文&gt;&gt;</a>
                </ul>
                <p class="autor">
                    <span>作者：杨青</span>
                    <span>分类：【<a href="/">日记</a>】</span>
                    <span><a href="javascript:void(0)" class="glyphicon glyphicon-eye-open">0</a> </span>
                    <span><a href="javascript:void(0)" class="glyphicon glyphicon-comment">20</a></span>
                    <span><a href="javascript:void(0)" class="glyphicon glyphicon-thumbs-up">0</a></span>
                </p>
                <div class="dateview">2014-04-08</div>
            </div>
            </c:forEach>
            <div class="blogs">
                <h3><a href="/">犯错了怎么办？</a></h3>
                <figure><img src="images/01.jpg"></figure>
                <ul>
                    <p>
                        看到昔日好友发了一篇日志《咎由自取》他说他是一个悲观者，感觉社会抛弃了他，脾气、性格在6年的时间里变化很大，</br>
                        很难适应这个社会。人生其实就是不断犯错的过程，在这个过程中不断的犯错，不断的吸取教训，不断的成长。也许日子</br>
                        里的惊涛骇浪，不过是人生中的水花摇晃，别用显微镜放大你的悲伤。
                    </p>
                    <a href="javascript:void(0)" target="mainFrame" class="readmore">阅读全文&gt;&gt;</a>
                </ul>
                <p class="autor">
                    <span>作者：杨青</span>
                    <span>分类：【<a href="/">日记</a>】</span>
                    <span><a href="javascript:void(0)" class="glyphicon glyphicon-eye-open">0</a> </span>
                    <span><a href="javascript:void(0)" class="glyphicon glyphicon-comment">20</a></span>
                    <span><a href="javascript:void(0)" class="glyphicon glyphicon-thumbs-up">0</a></span>
                </p>
                <div class="dateview">2014-04-08</div>
            </div>
            <div class="blogs">
                <h3><a href="/">程序员那些琐碎的负面情绪</a></h3>
                <figure><img src="images/01.jpg"></figure>
                <ul>
                    <p>
                        在客户眼里做个页面，很简单，实现一个功能也是很轻松的事儿。作为技术员，真的很无奈，如果真的那么简单的话，</br>
                        我们还用成天抱怨自己是码农吗？销售的角色其实也蛮重要的，网站的成否，都跟客户沟通离不开，没沟通好，做无用功的就是程序员了</br>
                    </p>
                    <a href="newsDetail.jsp" target="mainFrame" class="readmore">阅读全文&gt;&gt;</a>
                </ul>
                <p class="autor">
                    <span>作者：杨青</span>
                    <span>分类：【<a href="/">日记</a>】</span>
                    <span><a href="javascript:void(0)" class="glyphicon glyphicon-eye-open">0</a> </span>
                    <span><a href="javascript:void(0)" class="glyphicon glyphicon-comment">0</a></span>
                    <span><a href="javascript:void(0)" class="glyphicon glyphicon-thumbs-up">0</a></span>
                </p>
                <div class="dateview">2014-04-20</div>
            </div>
        </div>
    </article>
    <aside>
        <div class="rnav">
            <li class="rnav1 "><a href="/">日记</a></li>
            <li class="rnav2 "><a href="/">欣赏</a></li>
            <li class="rnav3 "><a href="/">程序人生</a></li>
            <li class="rnav4 "><a href="/">经典语录</a></li>
        </div>
        <h2>
            <p>最近访客</p>
            <ul>
                <img src="images/vis.jpg"><!-- 直接使用“多说”插件的调用代码 -->
            </ul>
        </h2>
    </aside>
    <script src="js/silder.js"></script>
    <div class="clear"></div>
    <!-- 清除浮动 -->
</div>
</body>
</html>
